<?xml version='1.0' encoding='ISO-8859-1' ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"            
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="/pages/core/plantilla/plantillaPrincipal.xhtml">
        <ui:define name="contenido">          
            <h:form onsubmit="return checkSubmit();"  id="frmPrincipal">        
                <p:panel id="pgFormFilter" header="#{i18n['panel.titul.administrar.necesidad']}" style="#{applicationMBean.estiloTitulo}">
                    <h:panelGrid columns="6" cellspacing="5">
                        <h:outputLabel value="#{i18n['general.label.id']}" styleClass="label"/>
                        <p:inputText id="itIdProducto" label="#{i18n['general.label.id']}" 
                                     value="#{pedidoCompraMBean.dtoSolicDetaFiltro.idProducto}"  onkeypress="return fn_validaTecla('entero',this)"
                                     styleClass="txtCampo" size="15">          
                        </p:inputText>  
                        <h:outputLabel value="#{i18n['sol.compra.deta.producto']}" styleClass="label"/>
                        <h:panelGrid columns="2" cellspacing="5">
                            <p:inputText id="itProducto" label="#{i18n['sol.compra.deta.producto']}" maxlength="200" 
                                         value="#{pedidoCompraMBean.dtoSolicDetaFiltro.descProducto}" 
                                         style="#{applicationMBean.estilo}" size="60">
                            </p:inputText>  
                            <p:commandButton title="#{i18n['general.button.buscar.producto']}" rendered="false"
                                             icon="ui-icon ui-icon-search"
                                             oncomplete="carDialogProducto.show()" 
                                             update=":frmPopupProducto:pgFormPosibProd"
                                             action="#{pedidoCompraMBean.cargarPopupBuscarProducto}">                                    
                            </p:commandButton>  
                        </h:panelGrid>


                        <h:outputLabel value="#{i18n['sol.compra.deta.fecha.necesidad']}" styleClass="label"/>    
                        <h:panelGrid columns="4">
                            <h:outputLabel value="#{i18n['general.fecha.desde']}" styleClass="label"/>
                            <p:calendar value="#{pedidoCompraMBean.dtoSolicDetaFiltro.fechaInicio}"  pattern="#{applicationMBean.formatoFecha}" style="#{applicationMBean.estilo}" size="10" />
                            <h:outputLabel value="#{i18n['general.fecha.hasta']}" styleClass="label"/>
                            <p:calendar value="#{pedidoCompraMBean.dtoSolicDetaFiltro.fechaFin}"  pattern="#{applicationMBean.formatoFecha}" style="#{applicationMBean.estilo}"  size="10"/>                            
                        </h:panelGrid>

                        <h:outputLabel value="#{i18n['sol.compra.solicitante']}" styleClass="label"/>
                        <p:inputText label="#{i18n['sol.compra.solicitante']}" maxlength="200" 
                                     value="#{pedidoCompraMBean.dtoSolicDetaFiltro.nombreSolicitante}" 
                                     style="#{applicationMBean.estilo}" size="60">
                        </p:inputText>  

                        <h:outputLabel value="#{i18n['sol.compra.deta.proveedor']}" styleClass="label"/>
                        <p:inputText label="#{i18n['sol.compra.deta.proveedor']}" maxlength="200" 
                                     value="#{pedidoCompraMBean.dtoSolicDetaFiltro.descProveedor}" 
                                     style="#{applicationMBean.estilo}" size="60">
                        </p:inputText>  

                    </h:panelGrid>
                    <f:facet name="footer">
                        <p:commandButton icon="ui-icon ui-icon-search" title="#{i18n['general.button.buscar.filtro.tip']}" accesskey="#{applicationMBean.keyBuscar}"
                                         value="#{i18n['general.button.buscar.filtro']}" ajax="false" 
                                         style="#{applicationMBean.estilosBtnBuscar}" 
                                         actionListener="#{pedidoCompraMBean.buscarItemsSolicitudCompra}">
                            <f:ajax  render="pnlTabla pgFormFilter"/>
                        </p:commandButton> 

                        <p:commandButton title="#{i18n['general.button.atras.tip']}" accesskey="#{applicationMBean.keyRetroceder}" ajax="false"
                                         icon="ui-icon ui-icon-arrowreturnthick-1-w" immediate="true"
                                         value="#{i18n['general.button.atras']}" 
                                         style="#{applicationMBean.estilosBtnRetroceder}"
                                         action="#{pedidoCompraMBean.retrocederListaGeneral}">                                    
                        </p:commandButton>
                        <p:spacer width="20" />
                        <h:outputText  value="#{pedidoCompraMBean.listaItemsSolicitudCompra.size()} #{i18n['form.general.mensaje.cantidad.encontrada']}" styleClass="mensaje" rendered="#{pedidoCompraMBean.listaItemsSolicitudCompra!=null}"/>
                    </f:facet>
                </p:panel>  

                <p:panel id="pnlTabla" header="#{i18n['general.panel.titulo.busqueda.resultado']}"  style="#{applicationMBean.estiloTitulo}" rendered="#{pedidoCompraMBean.listaItemsSolicitudCompra!=null &amp;&amp; pedidoCompraMBean.listaItemsSolicitudCompra.size()>0}">
                    <div class="info_busqueda">
                        <h:panelGrid id="pgTablaItems" styleClass="tabla_dinam">
                            <p:dataTable id="tblPrincipalDeta" value="#{pedidoCompraMBean.listaItemsSolicitudCompra}" var="dtoNec" widgetVar="widTable" 
                                         rowKey="#{dtoNec.id}" styleClass="estiloPanel"  selection="#{pedidoCompraMBean.selectedSolCompraDetaDto}" >                        
                                <p:column selectionMode="multiple" style="width:18px" />
                                <p:column headerText="#{i18n['general.label.id']}"  styleClass="general">
                                    <h:outputText value="#{dtoNec.id}" styleClass="general" />
                                </p:column>
                                <p:column style="text-align:left;">
                                    <f:facet name="header">
                                        <h:outputText value="#{i18n['sol.compra.deta.fecha.necesidad']}" />
                                    </f:facet>
                                    <h:outputText value="#{dtoNec.fechaNecesidad}">
                                        <f:convertDateTime pattern="#{applicationMBean.formatoFechaHora}"  timeZone="#{applicationMBean.timeZone}"/> 
                                    </h:outputText>                                
                                </p:column> 
                                <p:column headerText="#{i18n['sol.compra.deta.producto']}">
                                    <h:outputText value="#{dtoNec.productoDetaDto.productoDto.descripcion}" styleClass="general" />
                                </p:column>
                                <p:column headerText="#{i18n['sol.compra.deta.unidad.medida']}" style="text-align: right">
                                    <h:outputText value="#{dtoNec.unidadMedidaDto.nombre}" styleClass="general" />
                                </p:column> 
                                <p:column headerText="#{i18n['sol.compra.deta.cantidad']}" styleClass="general" style="text-align: right;">
                                    <h:outputText value="#{dtoNec.cantidad}" styleClass="general" >
                                        <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                                    </h:outputText>
                                </p:column>
                                <p:column headerText="#{i18n['sol.compra.deta.proveedor']}" style="text-align: right">
                                    <h:outputText value="#{dtoNec.proveedorDto.descripcion}" styleClass="general" />
                                </p:column>
                                <p:column headerText="#{i18n['sol.compra.deta.moneda']}" style="text-align: right">
                                    <h:outputText value="#{dtoNec.monedaDto.descripcion} (#{dtoNec.monedaDto.simbolo})" styleClass="general" />
                                </p:column>
                                <p:column headerText="#{i18n['sol.compra.deta.tarifa']}" style="text-align: right">
                                    <h:outputText value="#{dtoNec.tarifaDto.nombre}" styleClass="general" />
                                </p:column>
                                <p:column headerText="#{i18n['sol.compra.deta.precio.tarifa']}" styleClass="general" style="text-align: right;">
                                    <h:outputText value="#{dtoNec.precioTarifa}" styleClass="general" >
                                        <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                                    </h:outputText>
                                </p:column>
                                <p:column headerText="#{i18n['sol.compra.deta.estado']}"  styleClass="general" style="text-align: left;">
                                    <h:outputText value="#{dtoNec.estadoTexto}" styleClass="general"/>                        
                                </p:column>
                            </p:dataTable>      
                        </h:panelGrid>
                    </div>
                    <f:facet name="footer">
                        <p:commandButton title="#{i18n['pedido.compra.boton.anadir']}" accesskey="#{applicationMBean.keyNuevo}"
                                         icon="ui-icon ui-icon-plusthick"
                                         value="#{i18n['pedido.compra.boton.anadir']}" 
                                         ajax="false"         
                                         style="#{applicationMBean.estilosBtnGuardar}"
                                         action="#{pedidoCompraMBean.anadirItems}">  
                        </p:commandButton>   
                    </f:facet>
                </p:panel>
                <p:panel id="pnlTablaNecesidadPedido" header="#{i18n['pedido.compra.lista.ordenes.compra']}"  style="#{applicationMBean.estiloTitulo}" rendered="#{pedidoCompraMBean.listaNecesidadPedido!=null &amp;&amp; pedidoCompraMBean.listaNecesidadPedido.size()>0}">
                    <p:dataTable id="tblNecesidadPedido" value="#{pedidoCompraMBean.listaNecesidadPedido}" var="dto" widgetVar="widTable" 
                                 rowKey="#{dto.id}" styleClass="estiloPanel"  rowIndexVar="contIndex" >                        
                        <p:columnGroup type="header">  
                            <p:row>  
                                <p:column  headerText=""  styleClass="general" />  
                                <p:column  headerText="#{i18n['pedido.compra.deta.producto']}"  styleClass="general" />  
                                <p:column  headerText="#{i18n['pedido.compra.deta.unidad.medida.abrev']}"  />  
                                <p:column  headerText="#{i18n['pedido.compra.deta.cantidad']}"  />  
                                <p:column  headerText="#{i18n['pedido.compra.deta.moneda.o']}" />  
                                <p:column  headerText="#{i18n['pedido.compra.deta.precio.unitario.o.abrev']}" />  
                            </p:row>   
                        </p:columnGroup>  
                        <p:subTable var="deta" value="#{dto.listaDetalles}">

                            <f:facet name="header">
                                <h:outputText value="#{i18n['pedido.compra.proveedor']} : #{dto.proveedorDto.descripcion}" styleClass="general" />
                            </f:facet>
                            <p:column style="text-align: left;">
                                <p:commandButton icon="ui-icon  ui-icon-close" title="#{i18n['general.button.eliminar']}" 
                                                 ajax="false" immediate="true"
                                                 action="#{pedidoCompraMBean.quitarItem(deta)}">
                                    <f:setPropertyActionListener value="#{contIndex}" target="#{pedidoCompraMBean.contIndex}" /> 
                                </p:commandButton>
                            </p:column>
                            <p:column style="text-align: left;">
                                <h:outputText value="#{deta.productoDetaDto.productoDto.descripcion}" styleClass="general" title="#{i18n['pedido.compra.deta.unidad.medida']}" />
                            </p:column>

                            <p:column style="text-align: left;">
                                <h:outputText value="#{deta.unidadMedidaDto.nombre}" styleClass="general" title="#{i18n['pedido.compra.deta.unidad.medida']}" />
                            </p:column>

                            <p:column style="text-align: right;">
                                <h:outputText value="#{deta.cantidad}" styleClass="general">
                                    <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                                </h:outputText>
                            </p:column>

                            <p:column style="text-align: left;">
                                <h:outputText value="#{deta.monedaDto.descripcion} (#{dto.monedaDto.simbolo})" styleClass="general" />
                            </p:column>

                            <p:column style="text-align: right;">
                                <h:outputText value="#{deta.precioUnitarioO}" styleClass="general" title="#{i18n['pedido.compra.deta.precio.unitario.o']}">
                                    <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                                </h:outputText>
                            </p:column>
                        </p:subTable>
                    </p:dataTable>
                    <f:facet name="footer">
                        <p:commandButton title="#{i18n['pedido.compra.boton.generar.pc']}"
                                         icon="ui-icon ui-icon-document"
                                         value="#{i18n['pedido.compra.boton.generar.pc']}" ajax="true"
                                         oncomplete="carDialogWizard.show()"  immediate="true"
                                         update=":frmDetalle:pgFormDtoDeta" 
                                         style="#{applicationMBean.estilosBtnGuardar}"
                                         action="#{pedidoCompraMBean.cargarPopupWizard}">                                    
                        </p:commandButton>  
                    </f:facet>
                </p:panel>

            </h:form>
            <p:dialog id="dialogProducto" header="#{i18n['panel.titulo.producto.popup']}" widgetVar="carDialogProducto" resizable="false"  
                      width="1000" height="600" modal="true">  
                <p:messages id="msjDialogProducto" showDetail="false" autoUpdate="true" />   
                <ui:include src="/pages/conf/producto/popupProductos.xhtml" /> 
            </p:dialog>
            <p:dialog id="dialogWizard" header="#{i18n['pedido.compra.popup.wizard.titulo']}" widgetVar="carDialogWizard" resizable="false"  
                      width="1020" height="400" modal="true">  
                <p:messages id="msjDialogWizard" showDetail="false" autoUpdate="true" />   
                <ui:include src="/pages/comp/pedidoCompra/necesidadPedidoWizard.xhtml" /> 
            </p:dialog>
            <p:dialog id="dialogMensaje" header="#{i18n['general.mensaje.sistema']}" widgetVar="carDialogMensaje" resizable="false"  
                      height="100" >  
                <p:panel>
                    <h:outputText  value="#{i18n['pedido.compra.popup.mesaje.exito']}" styleClass="general"/>
                    <f:facet name="footer">
                        <p:commandButton id="effectsDialogButton" value="#{i18n['general.button.aceptar']}" onclick="carDialogMensaje.hide();" type="button" /> 
                    </f:facet>
                </p:panel>

            </p:dialog>
        </ui:define>
    </ui:composition>
</html>